<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>角色权限管理</title>
</head>

<body>
	<div class="content-wrapper" th:fragment="roleHasPrivileges">
		<h3>角色权限管理</h3>
		<div class="row "></div>
		<div class="row">
			<!-- Role -->
			<div class="col-lg-6">
				<div class="panel panel-default">
					<div class="panel-heading">角色列表</div>
					<div class="panel-body">
						<table id="roleTable" class="table table-striped table-hover">
							<thead>
								<tr>
									<th></th>
									<th>名称</th>
									<th>最后修改人</th>
									<th>最后修改时间</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
			<!-- Group -->
			<div class="col-lg-6">
				<div class="panel panel-default">
					<div class="panel-heading">权限列表 <span id="roleTableTitle"></span></div>
					<div class="col-xs-2  pull-left">
                            <button type="button" id="addAtlPrivileges" class="btn btn-default btn-sm">添加权限</button>
                        </div>
					<div class="panel-body">
						<table id="privilegeTable" class="table table-striped table-hover">
							<thead>
								<tr>
									<th></th>
									<th>权限名称</th>
									<th>权限简介</th>
									<th>操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
		
		<input type="hidden" id="roleId" name="roleId" />
        <input type="hidden" id="rpId" name="rpId" />
	</div>
	
<div th:fragment="roleHasPrivileges_dialog">	
<div id="myModal" tabindex="-1" role="dialog"
            aria-labelledby="myModalLabel" aria-hidden="false" class="modal fade"
            style="padding-top: 50px;">
            <div class="modal-dialog" style="width: 310px;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" data-dismiss="modal" aria-label="Close"
                            class="close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 id="myModalLabel" class="modal-title">添加权限</h4>
                    </div>
                    <div class="modal-body">
                        <form id="priForm">
                            <div class="panel panel-default">
                                <!-- START list group-->
                                <div data-height="300" data-scrollable="" class="list-group" >
                                    <div class="media-box-body clearfix"
                                        style="text-align: center; font-weight: bold; padding: 10px;background-color: #fafafa;">
                                        <div class="checkbox c-checkbox col-md-4">
                                            <label><input type="checkbox" id="choicePriAll"
                                                name="choicePriAll" value="" /> <span
                                                class="fa fa-check"></span></label>
                                        </div>
                                        <div class="col-md-5 " style="padding-top: 10px;">
                                            <div>权限列表</div>
                                        </div>
                                    </div>
                                    <div class="row media-box-body clearfix"
                                        style="text-align: center; line-height: 25px;">
                                        <ul id="priData">

                                        </ul>
                                    <input type="hidden" id="priList" name="priList" value="" />
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">取消</button>
                        <button type="button" class="btn btn-primary" id="addPriBtn">保存</button>
                    </div>
                </div>
            </div>
        </div>
</div>	
	
<div th:fragment="roleHasPrivileges_js">
    <script th:src="@{/business/manager/role/roleHasPrivileges.js}"></script>
</div>

</body>
</html>	